TNW發布了2013年10大網頁設計趨勢：

1、響應式布局盛行，即一個網站適配多種屏幕;
2、重視字體的選擇，使用Web字體;
3、更少的使用Flash，使用其他任何可能替代的技術;
4、蘋果iOS的擬物化設計將不再時髦;
5、使用巨大的背景圖構造大氣的視覺效果;
6、產品和個人介紹頁面留出更多空白;
7、更多的社交網絡分享入口;
8、淺色、冷色調重新成為主流;
9、移動App將取代一部分移動網頁流量;
10、內容依舊為王;

好了，該到我們年終展望新年的時刻了。2012年我們看到一些新的設計趨勢在Web設計領域，特別是響應式頁面設計。那么跟隨我們的腳步，來預測一下2013年的設計趨勢吧！

1、響應式網頁設計越來越被重視

響應式網頁設計已經不是什么新鮮名詞了，但我們為什么還有說它呢？簡單地說：響應式設計的方法會更多且制定相應的標準。2012年通過斷點的響應式 設計類適合不同的屏幕，當新的設備比如iPad mini沖擊足夠大的市場的時候，這種方式將得到改變，斷點可能被替換成其他實現方式。

我們認為更多的網站設計將專注于最初的頁面設計以響應式，而非單獨制定不同設備的模式。這種響應式設計忘記尺寸以便支持多種設備，我們將看到更豐富的頁面設計適應不同節點的設備。

2、重視字體的選擇，使用Web字體

初建網站時，Web設計師和開發者常常專注于圖片處理及JavaScript腳本。在過去兩年以及未來相當長的一段時間內，Web設計類型將得到一 次突破，最為明顯的是字體設計成為網頁設計重中之重。比如使用@font-face 把服務器上字體引入，比圖片和腳步JavaScript更輕量化。

而且，字體布局相比圖片和JavaScript復雜的布局更適合響應式設計。大膽放開你的思維，讓更多的字體設計盡顯在你的網站上。

3、更少的使用Flash，使用其他任何可能替代的技術

不要驚訝Flash到2012年才拿掉，對網站的SEO來說它是多么垃圾，很多移動設備已經不支持它了（看看蘋果的設備），而且更新很痛苦（經常崩潰瀏覽器，你有過嗎？）最佳的方式是使用HTML5/CSS3和JavaScript等。

2013年Flash可能舉步維艱。雖然有些危言聳聽，但這是事實，Adobe都不支持Flash在Android 4.1以上系統了。

4、 蘋果iOS的擬物化設計將不再時髦

這里有個關于蘋果擬物化設計的討論，甚至蘋果也在商議改變設計決策。過去的項目線索并不能幫助我們在新技術上改進思維方式。舉個例子，我們要閱讀電子書不需要虛擬一個書架放一本書，把它放在我們的設備上，我們知道它是電子書，我們知道如何打開閱讀它。

蘋果正需求其他設計美學，等待其他人步入后塵。我們已經看到一些公司擁有它們自己的方法論，比如微軟的Metro風格設計。所以未來，更多設計將扁平化。

5、使用巨大的背景圖構造大氣的視覺效果

上一條我們說過字體設計將替代圖片，但這不矛盾，越來越多的網站使用大圖片放在網站的首頁以增加視覺沖擊力。當然，使用大圖像要考慮帶寬流量和服務器問題，合理優化是首要。

6、留白更多

2012年設計趨勢中談到頁面留白，2013年這種趨勢將繼續存在，響應式頁面設計和簡約的設計美學都是關鍵的因素。留白會更顯的專業和大氣。（哈哈，又是大氣～）

7、更多的社交網絡分享入口

把更多的社交媒體整合到你的新網站中吧，在每篇文章中凸顯社交按鈕，2013年更多深層次的社交整合將得到爆發。

這包含了簡單的社交登錄外，還有更深層次的比如“微博支付”分享等，以及其他社交分享方式（Instagram、Pinterest等），更多廣告業也將在社交媒體上出現。

8、淺色、冷色調重新成為主流，更多淡雅平靜的配色方案

色彩潮流比任何東西來去更快，使用淡雅和平靜的色彩將會出現更多網站上。過去幾個月我們也看到一些網站的設計，比如新版的PayPal主頁。你可以看看“Pantone 2013色彩選擇”。

很難預測那些色彩在某特定時間內流行。不過值得肯定的是，淡雅和淺色風格設計將主導網站和移動應用界面設計。安全色如白色、黑色和灰色將作為主要色調。

9、移動App將取代一部分移動網頁流量

即使網站兼容所有設備，對于某些網站，一個移動應用來的更好些。像Twitter, Facebook, Pinterest等，移動應用版比移動瀏覽器版體驗會更好些。

2013年這種趨勢將更加明顯，越來越多的人通過移動應用瀏覽內容而不是瀏覽器。

10、內容有價值恒古不變

2013年網頁設計更注重有價值內容的呈現。沒有內容，就沒有網站。保持網站新鮮的最佳方式就是更新有價值的內容。

撰寫，設計，發布和共享一切以內容為主，響應式設計也不例外。

總之：響應式設計、有價值的內容、社交媒體將成為2013年的主導。

最后，祝大家新年快樂～

Enqoo原文：http://blog.enqoo.com/blog/2012/12/31/10-web-design-trends-you-can-in-2013/